<template>
	<view class="iconfont-ali" :class="['icon-ali-'+type]" :style="{color:color,'font-size':fontSize}" @click="onClick()"></view>
</template>

<script>
	export default {
		name: 'uniIcons',
		props: {
			/**
			 * 图标类型
			 */
			type: String,
			/**
			 * 图标颜色
			 */
			color: {
				type:String,
				default:'red'
			},
			/**
			 * 图标大小
			 */
			size: [Number, String]
		},
		computed: {
			fontSize() {
				return `${this.size}px`
			}
		},
		methods: {
			onClick() {
				this.$emit('click')
			}
		}
	}
</script>

<style>
	@font-face {
		font-family: "iconfont-ali";
		font-weight: normal;
		font-style: normal;
		src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2')
	}

	.iconfont-ali {
	  font-family: "iconfont-ali" !important;
	  font-size: 16px;
	  font-style: normal;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	.icon-ali-yiwancheng:before {
	  content: "\e601";
	}
	
	.icon-ali-zhanghaoguanli:before {
	  content: "\e676";
	}
	
	.icon-ali-account_pwd:before {
	  content: "\e636";
	}
	
	.icon-ali-buoumaotubiao20:before {
	  content: "\e612";
	}
	
	.icon-ali-guanbi1:before {
	  content: "\e602";
	}
	
	.icon-ali-tianjia:before {
	  content: "\e635";
	}
	
	.icon-ali-jian:before {
	  content: "\e74b";
	}
	
	.icon-ali-daifu:before {
	  content: "\e627";
	}
	
	.icon-ali-youjiantou:before {
	  content: "\e6e0";
	}
	
	.icon-ali-laba:before {
	  content: "\e600";
	}
	
	.icon-ali-guanbi:before {
	  content: "\e644";
	}
</style>
